<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <style>
        .a{
            border-top:3px solid orange;
            border-bottom:1px solid #727272;
        }
        a{
            text-decoration: none;
            color:#727272;
            line-height:50px;
            display: inline-block;
            height:50px;
            width:80px;
            text-align:center;
        }
        a:hover{
            color:orange;
            background-color: #d9d9d9;
        }
    </style>
    <body>
        <div class="a">
            <a href = "#">新闻导航</a>
            <a href = "#">新闻导航</a>
            <a href = "#">新闻导航</a>
            <a href = "#">新闻导航</a>
        </div>
    </body>
</html>